.head{
    background-image: url(assets\img\coffee1.jpg);
   
 background-color: rgb(119, 82, 82)

}
.gray{
    
    background-color: (rgba(124, 72, 72, 0.966),text-white-50);
    color: white;
    -webkit-background-clip: text;
    text-align: center;
    font-size:100px;
}

   .btn {
    color: white;
        background-color:rgba(78, 3, 3, 0.247);
        box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
        padding: 1.25rem 2rem;
        font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 80%;
        text-transform: uppercase;
        border: 0;
        margin-left: 43%;
       }
   
        .btn:hover {
            color: white;
            /* color: var(--bs-btn-hover-color); */
            background-color:rgba(49, 0, 0, 0.37);
            border-color: var(--bs-btn-hover-border-color);
        }
        .button{
                background-color: rgba(78, 3, 3, 0.493);
                box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
                padding: 1.25rem 2rem;
                font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                font-size: 80%;
                text-transform: uppercase;
                letter-spacing: 0.15rem;
                border: 0;
            }

     
        .button:hover {
            color: var(--bs-btn-hover-color);
            background-color:rgba(49, 0, 0, 0.26);
            border-color: var(--bs-btn-hover-border-color);
        }
       
        .choc1{
            background-color: rgba(165, 42, 42, 0.685)4, 0, 0);
        }
    .border{
        background-color: rgba(61, 26, 26, 0.781);
    }
 